@charset "utf-8";

h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, em { margin: 0; padding: 0; border: 0 none; list-style: none; }
.h0 { clear: both; }
.h10 { clear: both; height: 10px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h100 { clear: both; height: 100px; }
.bd { border: 0; }
.clear { clear: both; }
.dis { display: none; }
.hidden { display: none; }
.clearfix { zoom: 1; clear: none; }
.text-center { text-align: center; }
.fixed { position: fixed; left: 0; top: 0; right: 0; z-index: 99999; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3); }
.header-mod .top-tel, .kuaisou-mod .searchBtn, .login-mod .learned dt, .fs-card table tr td a em, .card-pop .card-pop-content i, .focus-mod .focusDot li, .prev, .next, .teacher-mod .teacherDot li, .coach-audition .coach-audition-main ul li .ca-chapter .ca-btn, .coach-ready .coach-ready-list li i, .bottom-mod .bot-tels .bot-list a, .fs-purport .fs-purport-slide, .navPub-panel .nav-tj-pop a { background: url(spirit-v5.png) no-repeat }
.coach-join .cj-info, .kjsw-mod .kjsw-list li i, .obtain-mod .obtain-list li i, .obtain-mod .obtain-list li em, .cdel-mod .cdel-block ul li i, .bottom-mod .bot-tels .bot-tel, .navPub-panel .nav-tj-pop { background: url(bigSpirit-v3.png) no-repeat }
.rel { position: relative; z-index: 999; }
.rel1 { position: relative; z-index: 9; }
.t_hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.t_hide2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.width { width: 1200px; margin: 0 auto; }
.topimg { width: 100%; position: relative; }
.topimg a { width: 100%; height: 80px; display: block; }
.topimg p { position: absolute; z-index: 9; width: 23px; height: 23px; overflow: hidden; background: url(close.png) no-repeat; right: 0px; top: 0px; cursor: pointer; }
.adimg { width: 100%; position: relative; }
.adimg a { width: 100%; height: 80px; display: block; }
.adimg a img { max-width: 100%; margin: 0 auto; }
.listimg { width: 100%; position: relative; }
.listimg a { width: 100%; display: block; }
.listimg a img { max-width: 100%; margin: 0 auto; }
.topbar { background: #f8f8f8; border-bottom: 1px solid #eaeaea; padding: 0; }
.topbar i { color: #ccc; margin: 0 5px; }
.topbar .ui-row { align-items: center; }
.topbar .ui-nav { border: 0; line-height: 1.5 }
.topbar .ui-nav ul li a { color: #333; border: 1px solid #f8f8f8; border-bottom: 0; border-top: 0; }
.topbar .ui-nav ul li a span { font-size: 12px; color: #999; margin-left: 6px; transition: all .5s ease 0s; z-index: 21; }
.topbar .ui-nav ul li a:hover { border-width: 1px; border-color: #d9d9d9; background: #fff; }
.topbar .ui-nav ul li.active a { border: 1px solid #d9d9d9; border-bottom: 0; border-top: 0; background: #fff; }
.topbar .ui-nav ul li.active span { transform: rotate(180deg); }
.topbar .ui-nav ul li ul { border-top: 0; box-shadow: none; min-width: 100px; z-index: 20; right: 0; }
.topbar .ui-nav ul li.active ul li a { border: 0; }
.topbar .ui-nav ul li ul li a:hover { background: #e00505; }
.logo img { max-height: 64px; }
.header { padding: 20px 0; align-items: center; }
.header .col-4 { display: flex; justify-content: flex-end; align-items: center; }
.header .col-4 .icon { padding-right: 10px; }
.header .col-4 .icon i { font-size: 44px; color: #E00505; }
.header .col-4 .text .text-gray { font-size: 14px; line-height: normal; }
.header .col-4 .text .telphone { font-size: 22px; color: #0E77EA; }
.navbox { background: #e00505; height: 50px; }
.topnav ul { margin: 0; padding: 0; }
.topnav ul .n { position: relative; float: left; z-index: 999; padding: 0 12px; }
.topnav ul .n h2 { line-height: normal; font-weight: normal; }
.topnav ul .n h2 a { display: block; height: 50px; text-align: center; line-height: 49px; font-size: 16px; color: #fff; padding: 0; position:relative;}
.topnav ul .on h2 a {font-weight: 600; }
.topnav ul .n h2 a i { font-size: 12px; display: inline-block; transition: all .3s ease; }
.topnav ul .on h2 a i { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ -o-transform: rotate(180deg); /* Opera */ }
.topnav ul .on h2 a:before { position:absolute; border-bottom:#fff 1px solid;  content: ""; width:100%;  top: 40px; right: 0; z-index: 1;  }
.topnav .submenu { position: absolute; top: 43px; border: 1px solid #f6f6f6; -webkit-box-shadow: 0 3px 11px rgba(217,217,217,.5); -moz-box-shadow: 0 3px 11px rgba(217,217,217,.5); box-shadow: 0 3px 11px rgba(217,217,217,.5); width: 132px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0px 10px; left: 50%; margin-left: -66px; border: 1px solid #f6f6f6; background: #fff; overflow: hidden; z-index: 88; display: none; text-align: center; }
.topnav .submenu li { width: 100%; }
.submenu a { margin: 10px 0; height: 28px; line-height: 28px; display: block; text-align: center; overflow: hidden; font-size: 14px; color: #333; transition: all ease-out .3s; }
.submenu a:hover { color: #e00505; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-color: #FEDADA; }
.topnav .submenu li:first-child a { margin-top: 15px; }
.topnav .submenu li:last-child a { margin-bottom: 15px; }
.tel { padding-right: 30px; font-size: 16px; margin-top: 15px; }
.tel i { color: #e00505; vertical-align: top; font-size: 18px; }
.topsearch { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border: 1px solid #ddd; overflow: hidden; margin-top: 10px; }
.topsearch form { margin: 0; }
.topsearch form .form-group { margin: 0; padding: 0; }
.topsearch form .form-group i { display: block; position: absolute; right: 60px; top: 10px; height: 12px; width: 1px; background: #ddd; }
.topsearch form .form-group .form-ip { font-size: 13px; border: 0; }
.topsearch form .form-group .form-ip::-webkit-input-placeholder {
font-size:13px!important
}
.topsearch form .form-group .form-ip::-moz-placeholder {
font-size:13px!important
}
.topsearch form .form-group .form-ip::-ms-input-placeholder {
font-size:13px!important
}
.topsearch form .form-group .form-ip::-ms-input-placeholder {
font-size:13px!important
}
.topsearch form .form-group .form-ip::placeholder {
font-size:13px!important
}
.topsearch form .form-group .form-ip:focus { border-color: #ced4da; box-shadow: none; }
.topsearch form .form-group .after { background: #fff; border-color: #fff; color: #e00505; min-width: 60px; border: 0; padding: .1rem .8rem;
}
.topsearch form .form-group select { max-width: 85px; border-radius: 4px 0 0 4px; margin-right: -1px; }
.topsearch form .form-group input { padding: .1rem .8rem;
}
.ibg { background: #f0f2f3; }
.itop_l, .itop_r, .mc1, .info-v1-mod, .kjsw-mod, .advers { background: #FFF; -webkit-box-shadow: 0 5px 20px #efefef; -moz-box-shadow: 0 5px 20px #efefef; -ms-box-shadow: 0 5px 20px #efefef; -o-box-shadow: 0 5px 20px #efefef; box-shadow: 0 5px 20px #efefef; }
.focus-mod, .focus-mod .focusContent { height: 215px; position: relative; z-index: 1; overflow: hidden }
.focus-mod .focusDot { width: 100%; height: 6px; position: absolute; left: 0; bottom: 10px; z-index: 3; text-align: center; font-size: 0 }
.focus-mod .focusDot li { width: 6px; height: 6px; line-height: 100px; overflow: hidden; display: inline-block; *display:inline;
*zoom:1;
margin: 0 3px; background-position: left -786px }
.focus-mod .focusDot li.on { background-position: -20px -786px }
.prev, .next { width: 20px; height: 30px; position: absolute; left: 0; top: 50%; margin-top: -15px; z-index: 4; display: none; background-position: left -806px }
.next { left: auto; right: 0; background-position: left -846px }
.itop_l { width: 860px; }
.banner { width: 860px; z-index: 10; background: #fff; }
.banner .carousel-item a { height: 215px; display: block; width: 100%; }
.banner .carousel-page { bottom: 15px; }
.banner .carousel-page li { height: 8px; width: 8px; border-radius: 10px; }
.carousel-prev, .carousel-next { width: 8%; }
.news-mod { padding: 10px 10px 8px 18px }
.news-mod h2, .news-mod h3, .news-mod h4 { height: 38px; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fd7400; font-size: 18px; clear: both; font-weight: bold; }
.news-mod h2 a, .news-mod h3 a, .news-mod h4 a { color: #fd7400; float: left;/* width: 23%;*/ width: 49%; margin-right: 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-mod h2 a:nth-of-type(2n), .news-mod h3 a:nth-of-type(2n), .news-mod h4 a:nth-of-type(2n) { margin-right: 0px;}
.news-mod h2 a:hover, .news-mod h3 a:hover, .news-mod h4 a:hover { text-decoration: underline; }
.news-mod .news-list li, .news-mod .news-list-row li { height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.news-mod .news-list li a:hover, .news-mod .news-list-row li a:hover { color: #e00505; text-decoration: none }
.news-mod .news-list li span { float: left; height: 20px; line-height: 18px; margin: 6px 0 0 0 }
.news-mod .news-list li p { float: left; height: 34px; line-height: 34px; }
.news-mod .news-list li p a { color: #999; }
.news-mod .news-list li span a { height: 20px; padding: 0 7px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; color: #e00505; border: 1px solid #e00505; display: inline-block; font-size: 12px; }
.news-mod .news-list li span a:hover { background: #e00505; color: #fff; text-decoration: none }
.news-mod .news-list-row li { /*width: 32%;*/ width: 49%; margin-right: 2%; float: left }
.news-mod .news-list-row li:nth-of-type(2n) { margin-right: 0px; }
.topli a { float: left; /*max-width: 243px;*/ width:344px; margin-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.title-mod h2 i, .title-mod h3 i { width: 3px; height: 20px; background: #e00505; float: left; margin: 21px 27px 0 0; }
.advers { height: 245px; padding: 77px 59px 0; box-sizing: border-box }
.advers ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between }
.advers ul li .img { float: left; width: 74px; height: 74px }
.advers ul li .img img { width: 100% }
.advers ul li .content { float: left; line-height: 1; }
.advers ul li .content .time .year { font-size: 60px; font-weight: 400; color: #333 }
.advers ul li .content .time i { font-size: 16px; font-weight: 400; color: #666 }
.advers ul li .content .time .yearta { margin-left: 13px }
.advers ul li .content .time .yearta03 { margin-left: 4px }
.advers ul li .content .time .yearta04 { margin-left: 5px }
.advers ul li .content p { font-size: 14px; font-weight: 400; margin-left: 13px; color: #666 }
.footer { width: 100%; height: 227px; background: #3a3c42; opacity: 1 }
.footer .width .top { width: 100%; height: 114px; border-bottom: 1px solid hsla(0,0%,92.9%,.1); display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
.footer .width .top .item { width: 400px; -webkit-box-flex: 1; flex-grow: 1 }
.footer .width .top .item.item1 img { max-width: 300px; height: 55px; margin-top: 32px }
.footer .width .top .item.item2 .about-us { width: 100%; text-align: center; font-size: 18px; line-height: 17px; color: #999; margin-top: 29px }
.footer .width .top .item.item2 .link { color: #999; width: 100%; text-align: center; margin-top: 50px }
.footer .width .top .item.item2 .link a { font-size: 14px; line-height: 17px; color: #c8c8c8 }
.footer .width .top .item.item2 .link a:hover { color: #fff }
.footer .width .top .item.item3 p:first-of-type { width: 100%; text-align: right; font-size: 24px; font-weight: 700; color: #fff; margin-top: 30px; letter-spacing: 2px }
.footer .width .top .item.item3 p:nth-of-type(2) { width: 100%; text-align: right; margin-top: 6px; font-size: 14px; line-height: 17px; color: #999 }
.footer .width .bottom { height: 113px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
.footer .width .bottom .item1 { width: 1300px; height: 100%; -webkit-box-flex: 1; flex-grow: 1 }
.footer .width .bottom .item1 p { font-size: 12px; line-height: 14px; color: #999; margin-top: 10px }
.footer .width .bottom .item1 p:first-of-type {  margin-top:20px }
.footer .width .bottom .item1 p a { display: inline-block;  color: #999 }
.footer .width .bottom .item1 p a i { display: inline-block; width: 17px; height: 17px; vertical-align: middle; background: url(/_nuxt/img/364b215.png) 0/cover no-repeat }
.footer .width .bottom .item2 { position: relative; width: 240px; height: 100%; -webkit-box-flex: 1; flex-grow: 1 }
.footer .width .bottom .item2 p { font-size: 14px; line-height: 19px; color: #999; margin-right: 10px }
.footer .width .bottom .item2 .box { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; margin-top: 35px }
.footer .width .bottom .item2 .box .wx { width: 39px; height: 39px; border-radius: 50%; background: #585b64; position: relative; cursor: pointer; z-index: 3; text-align: center; }
.footer .width .bottom .item2 .box .wx.active { background: #7f838e }
.footer .width .bottom .item2 .box .wx.other { margin-left: 12px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center }
.footer .width .bottom .item2 .box .wx.other .iconxuexiqun-mian2 { color: #fff; font-size: 18px }
.footer .width .bottom .item2 .box .wx.other .qr-w { position: absolute; top: -148px; left: -47px; width: 133px; height: 135px; z-index: 1; background: #fff; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border: 1px solid #ddd; border-radius: 4px }
.footer .width .bottom .item2 .box .wx.other .qr-w:after { content: ""; position: absolute; border-top: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; top: 131px }
.footer .width .bottom .item2 .box .wx.other .qr-w p { position: relative; top: -10px; font-size: 12px; width: 85%; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center }
.footer .width .bottom .item2 .box .wx.other .qr-w img { width: 92px; height: 92px }
.footer .width .bottom .item2 .box .wx .qr-w { position: absolute; top: -180px; left: -93px; width: 207px; height: 213px; z-index: 1 }
.footer .width .bottom .item2 .box .wx .qr-w img { width: 207px; height: 213px }
.footer .width .bottom .item2 .box .wx img { width: 22px; height: 18px; margin: 11px 9px }
.tips-show { text-align: center; }
.banner_inner { background: linear-gradient(to right, #0E77EA, #7F61FF); }
.banner_inner .width { height: 400px; padding-left: 120px; position: relative; }
.banner_inner .title { color: #fff; font-size: 46px; font-weight: 600; padding-top: 100px; }
.banner_inner .title span { font-size: 24px; margin-left: 20px; border-left: 1px solid #56b8ee; padding-left: 20px; font-weight: 300; text-transform: capitalize }
.banner_inner .intro { color: #fff; font-size: 18px; margin-top: 10px; font-weight: 300; }
.banner_inner .position { position: absolute; bottom: -1px; left: 0; right: 0; padding: 15px 20px; background: rgba(255,255,255,.9); border-radius: 4px 4px 0 0; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); }
.home-title { display: flex; align-items: center; justify-content: space-between; }
.home-title .home-title-name { font-size: 22px; color: #333; padding-bottom: 10px; }
.home-title .home-title-name:after { display: block; content: ""; border-bottom: 2px solid #0E77EA; width: 45px; padding-top: 15px; }
.home-title .home-title-name span { font-size: 14px; color: #9e9e9e; margin-left: 10px; }
.home-title .home-title-more { }
.home-title .home-title-more a { display: inline-block; font-size: 13px; border: 1px solid #eee; padding: 8px 15px; margin-left: 10px; line-height: normal; border-radius: 2px; }
.home-title .home-title-more a:hover, .home-title .home-title-more a.active { background: #0E77EA; border-color: #0E77EA; color: #fff; }
.home_about { background: linear-gradient(150deg, #0E77EA 0%, #060D33 100%); padding: 80px 0; }
.home_about .width { box-shadow: 0px 10px 20px rgba(0,0,0,0.35); }
.home_about .col-8 { padding: 40px; }
.home_about .col-8 h4 { font-size: 24px; color: #060d33; font-weight: 500; }
.home_about .col-8 .intro { color: #666; margin-top: 20px; }
.home_about .col-8 .intro p { text-indent: 28px; margin-bottom: 20px; line-height: 24px; }
.home_about .col-8 .more { display: inline-block; padding: 10px 40px; color: #666; border: 1px solid #eee; border-radius: 50px; box-shadow: 0 5px 15px 0 #eee; }
.home_about .col-8 .more:hover { background: #0E77EA; border-color: #0E77EA; color: #fff; }
.home_about .col-4 { background: #fff; font-size: 0; padding: 8px; }
.home_about .col-4 video { background: #000; }
.home_news { margin-top: 30px; display: flex; flex-wrap: wrap; }
.home_news .home_news_item { margin: 0 30px 30px 0; width: 625px; }
.home_news .home_news_item:nth-child(even) { margin-right: 0; }
.home_news_body { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); backgroud: #fff; padding: 20px; border-radius: 5px; display: flex; align-items: center; }
.home_news_body .date { width: 90px; text-align: center; padding-right: 20px; margin-right: 30px; border-right: 1px solid #eee; }
.home_news_body .date h4 { font-size: 30px; font-family: "Impact"; color: #999; margin: 0; }
.home_news_body .date p { color: #999; font-size: 14px; font-family: Verdana; }
.home_news_body .body { flex: 1; overflow: hidden; transition: all 0.5s ease; }
.home_news_body .body h4 { font-size: 18px; font-weight: 400; color: #515050; }
.home_news_body .body p { color: #c2c2c2; font-size: 14px; }
.home_news_body .body h4 a:hover { color: #0E77EA; }
.home_news_body:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); }
.home_news_body:hover .body { transform: translateX(5px); }
.home_news_item:hover .body h4 a { color: #e00505; }
.home_news_item:hover .body p { color: #666; }
.partners { margin-top: 30px; display: flex; flex-wrap: wrap; list-style: none; }
.partners li { margin: 0 30px 20px 0; width: 232px; text-align: center; color: #999; }
.partners li:nth-child(5n) { margin-right: 0; }
.partners li img { width: 100%; height: 104px; border: 1px solid #eee; margin-bottom: 10px; border-radius: 2px; }
.partners li img:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }
.partners li p { padding: 0 10px; }
.container { min-height: 300px; }
.container .width { margin: 30px auto; }
.container-left { width: 250px; margin-right: 30px; }
.container-right { flex: 1; overflow: hidden; }
/* public begin */
.piclist-title { padding: 6px 10px; font-size: 14px; }
.piclist-image img { transition: all 1s }
.piclist-image:hover img { transform: scale(1.2); }
.ui-sidebar  {display:none;}
.ui-sidebar ul li a { color: #fd7400; }
.ui-sidebar ul li a:hover { background: #fd7400; border-color: #fd7400; }
.ui-sidebar ul li.active a { background: #fd7400; border-color: #fd7400; }
.ui-box { box-shadow: 0px 0px 30px rgba(0,0,0,0.1); border: 1px solid #f3f3f3; background: #fff; }
.ui-box-radius { }
.ui-box-radius .ui-box-title { }
.ui-box-title { background:#e00505; color: #fff; font-size: 24px; font-weight: 400; padding: 30px; }
.ui-box-title span { display: block; font-size: 14px; color: #eaeaea; font-weight: 300; text-transform: uppercase; line-height: 30px; }
.collapse-menu { margin: 15px 0; }
.collapse-menu-title a { transition: all 0.5s ease; }
.collapse-menu-title:hover a { padding-left: 10px; }
.collapse-menu-body li a { transition: all 0.5s ease; }
.collapse-menu-body li a:hover { padding-left: 10px; }
.collapse-menu-body li i { color: #999; }
.collapse-menu-body ul li.active i { color: #e00505; }
.collapse-menu-body ul li.active a { color: #e00505; }
/*.ui-box-nav ul{list-style:none;margin:20px 0;}
.ui-box-nav ul li{}
.ui-box-nav ul li span{float:right;color:#999;display:block;line-height:40px;margin-right:15px;}
.ui-box-nav ul li a{display:block;border-bottom:1px solid #f3f3f3;line-height:40px;padding-left:24px;font-size:14px;color:#555;transition:all 0.5s ease;}
.ui-box-nav ul li a:hover{background:#efefef;color:#333;padding-left:36px;}
.ui-box-nav ul li:last-child a{border-bottom:0;}
.ui-box-nav ul li.active a{background:#efefef;color:#333;}
.ui-box-nav ul li ul{background:#fff;margin:0 20px;}
.ui-box-nav ul li ul li{background:#fff;}
.ui-box-nav ul li.active ul li a{background:none;}*/

.ui-box-h2 { font-size: 24px; padding: 20px 30px; border-bottom: 1px solid #eaeaea; position: relative; }
.ui-box-h2:after { position: absolute; display: block; content: ""; border-bottom: 3px solid #e00505; bottom: 0; left: 30px; width: 45px; }
.ui-box-body { padding: 25px 30px; word-break: break-all; min-height: 380px; }
.ui-box-body .col-10 { max-width: 760px; }
.ui-box-body img, .ui-box-body p img { max-width: 100%; }
.ui-box-body p { margin-bottom: 20px; line-height: 24px; }
.ui-box-body .content a { color: #03C; }
.ui-box-body .content a:hover { color: #f30; }
.artlist { }
.artlist-item { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,.06); min-height: 160px; padding: 30px 0; }
.artlist-item:first-child { padding-top: 10px; }
.artlist-item-image { width: 200px; margin-right: 30px; }
.artlist-item-image img { width: 100%; max-height: 140px; border-radius: 4px; }
.artlist-item-image svg { width: 100%; text-anchor: middle; border-radius: 4px; border: 1px solid #eaeaea; }
.artlist-item-body { flex: 1; overflow: hidden; padding-right: 20px; }
.artlist-item-body .title { font-size: 18px; font-weight: 300; }
.artlist-item-body .desc { font-size: 13px; color: #b5b5b5; line-height: 24px; margin-top: 15px; }
.artlist-item-body .desc p { margin: 0; }
.artlist-item-body .tags { color: #999; margin-top: 15px; }
.artlist-item-body .tags a { margin: 0 6px; font-size: 13px; font-family: arial, microsoft yahei; color: #666; }
.artlist-item-body .tags a:hover { color: #f30; }
.artlist-item-date { width: 120px; padding: 40px 0 0 40px; font-size: 28px; color: #999; font-weight: 300; position: relative; }
.artlist-item-date:after { display: block; content: ""; width: 1px; height: 60px; background: #f3f3f3; left: 10px; top: 32px; position: absolute; }
.artlist-item-money { width: 200px; font-size: 18px; color: #F60; }
.artlist-item-money span { display: block; font-size: 14px; color: #999; line-height: 36px; font-weight: 500; }
.artlist-item-money:after { height: 80%; }
.artlist-item:hover .artlist-item-date { color: #e00505; }
.artlist-item:hover .artlist-item-body .title { color: #e00505; }
.artlist-item:hover .artlist-item-body .desc { color: #666; }
.artshow { }
.artshow h1 { font-size: 24px; font-weight: bold; margin: 0; }
.artshow .info { line-height: 50px; border-bottom: 1px solid #f3f3f3; margin-bottom: 20px; color: #666; }
.artshow .info span { color: #999; }
.artshow .info i { color: #ccc; margin-right: 5px; }
.artshow .other { margin: 15px 0; padding: 0px; font-size: 14px; }
.artshow .other ul { overflow: hidden; list-style: none; display: flex; flex-wrap: wrap; }
.artshow .other ul li { width: 25%; line-height: 30px; }
.artshow .other ul li span { color: #999; }
.artshow .content a { color: #03C; }
.artshow .content a:hover { color: #f30; }
.artshow .content p { margin-bottom: 20px; line-height: 24px; }
.artshow .content p img { max-width: 100%; }
.artshow .action { display: flex; justify-content: center; margin: 30px 0 10px 0; }
.artshow .action a { display: block; cursor: pointer; margin: 0 15px; width: 70px; height: 70px; margin-bottom: 10px; line-height: 60px; text-align: center; border-radius: 50%; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); position: relative; }
.artshow .action a i { font-size: 30px; color: #999; }
.artshow .action a em { display: block; font-size: 12px; font-family: verdana; color: #999; position: absolute; bottom: -15px; left: 0; right: 0; }
.artshow .action a:hover { box-shadow: 0px 0px 30px rgba(0,132,255,0.3) }
.artshow .action a:hover i { color: #e00505; }
.artshow .tags { color: #999; margin: 15px 0; }
.artshow .tags a { margin: 0 10px 10px 0; }
.proshow { }
.proshow .col-left { width: 55%; border-right: 1px solid #f3f3f3; padding: 20px 3%; }
.proshow .col-left .big_pic { text-align: center; }
.proshow .col-left .big_pic img { max-width: 100%; }
.proshow .col-left .thumb_pic { margin: 30px 0 0 0; text-align: center; }
.proshow .col-left .thumb_pic ul { margin: 0 auto; }
.proshow .col-left .thumb_pic ul li { display: inline-block; margin-right: 5px; width: 60px; height: 60px; border: 1px solid #eaeaea; padding: 0px; cursor: pointer; position: relative; z-index: 1; }
.proshow .col-left .thumb_pic ul li.active { border: 1px solid #2DB7F5; background: #fff; }
.proshow .col-left .thumb_pic ul li.active:after { content: " "; position: absolute; right: 24px; top: -5px; width: 11px; height: 11px; border: #2DB7F5 solid 1px; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; z-index: -1 }
.proshow .col-right { width: 45%; padding: 20px 3%; }
.proshow .col-right h1 { font-size: 24px; font-weight: bold; }
.proshow .col-right .intro { font-size: 14px; color: #888; margin: 10px 0; }
.proshow .col-right .attribute { list-style: none; margin: 10px 0; }
.proshow .col-right .attribute li { font-size: 14px; line-height: 30px; }
.proshow .col-right .attribute li em { display: inline-block; width: 60px; font-style: normal; color: #999; font-size: 14px; }
.proshow .col-right .price { font-size: 14px; line-height: 30px; margin: 20px 0; }
.proshow .col-right .price span { font-size: 26px; color: #f60; }
.proshow .col-right .price em { font-size: 12px; color: #999; font-style: normal; padding-left: 5px; }
.proshow .col-right .tags { color: #999; margin: 15px 0; }
.proshow .col-right .tags a { margin: 0 10px 10px 0; }
.proshow_content { padding: 20px 0; }
.proshow_content a { color: #03C; }
.proshow_content a:hover { color: #f30; }
.proshow_content p { margin-bottom: 20px; line-height: 24px; }
.proshow_content p img { max-width: 100%; }
.proshow_content .extend { list-style: none; }
.proshow_content .extend li { font-size: 14px; line-height: 30px; }
.proshow_content .extend li em { display: inline-block; width: 120px; font-style: normal; color: #999; font-size: 14px; margin-right: 15px; }
.quicklogin { padding: 20px 0; text-align: center; }
.quicklogin .line { margin: 20px auto; max-width: 70%; font-weight: 400; font-size: 18px; color: #666; }
.quicklogin a { display: inline-block; text-align: center; margin: 0 10px; color: #999; font-size: 12px; transition: all .3s ease 0s; }
.quicklogin a:hover { transform: translate3d(0, -5px, 0); }
.quicklogin a span { display: block; width: 45px; line-height: 45px; border-radius: 50%; text-align: center; background: #f3f3f3; font-size: 24px; margin-bottom: 10px; }
.quicklogin a span.blue { background: #E7F7FE; color: #e00505; }
.quicklogin a span.red { background: #FFF1F8; color: #ED4014; }
.quicklogin a span.green { background: #E6F8E6; color: #19BE6B; }
.user_info { padding: 20px 30px; display: flex; }
.user_info .face { width: 160px; padding-right: 20px; cursor: pointer; }
.user_info .face img { border-radius: 50%; border: 1px solid #f3f3f3; padding: 4px; width: 120px; height: 120px; }
.user_info .info { flex: 1; overflow: hidden; }
.user_info .info p { margin: 0; padding: 10px 0; }
.user_info .info p span { color: #f30; }
.user_info .info ul { margin: 0; padding: 0; list-style: none; }
.user_info .info ul li { font-size: 16px; line-height: 55px; height: 55px; border-bottom: 1px dashed #eee; vertical-align: middle; float: left; width: 45%; margin-right: 5%; }
.user_info .info ul li span { color: #f30; }
.user_info .info ul li em { color: #999; font-style: normal; display: inline-block; margin-right: 5px; }
.pay { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.pay li { float: left; width: 50%; margin: 0 0 0 0; cursor: pointer; }
.pay li div { border: 1px solid #efefef; text-align: center; position: relative; }
.pay li div img { max-width: 100%; }
.pay li:first-child div { margin-right: 8px; }
.pay li:last-child div { margin-left: 8px; }
.pay li div i { position: absolute; right: 2px; bottom: 2px; font-size: 12px; color: #fff; z-index: 10; display: none; }
.pay .active div:before { position: absolute; content: ""; right: 0; bottom: 0; color: #e00505; width: 0; height: 0; border-bottom: 30px solid #e00505; border-left: 30px solid transparent; z-index: 10; }
.pay .active div { border-color: #90BAFF; }
.pay .active div i { display: block; }
.order-base { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding: 0 20px 20px; }
.order-base-left { flex: 1; overflow: hidden; border-right: 1px solid #f3f3f3; }
.order-base-left h1 { font-size: 24px; font-weight: 400; color: #666; }
.order-base-left h1 i { font-size: 34px; color: #e00505; margin-right: 10px; }
.order-base-left p { padding-left: 46px; color: #f30; margin: 0; }
.order-base-left p span { color: #999; }
.order-base-right { text-align: center; font-size: 18px; font-weight: 400; color: #999; padding-left: 30px; }
.order-base-right em { color: #f30; }
.order-goods { border: 1px solid #f3f3f3; border-radius: 4px; }
.order-goods .collapse-menu-title a { font-size: 16px; }
.order-goods .collapse-menu-title a:hover { padding-left: 0; }
.order-goods .collapse-menu-title.active { background: #fafafa; }
.order-goods .collapse-menu-title.active a { color: #e00505; }
.order-goods .collapse-menu-title a span { color: #e00505; font-size: 16px; margin-right: 15px; }
.order-goods .collapse-menu-body li span { color: #999; }
.order-goods .collapse-menu-body li:last-child { border-bottom: 0; }
.order-pay { margin: 20px 0; }
.order-pay ul { max-width: 50%; }
/*BBS*/
.bbs { position: relative; }
.bbs-left { width: 300px; padding: 30px 0; }
.bbs-left-title { color: #526069; font-weight: 500; font-size: 18px; padding-left: 30px; }
.bbs-left-nav { list-style: none; margin: 20px 0; }
.bbs-left-nav li { line-height: 45px; margin-bottom: 1px; }
.bbs-left-nav li a { color: #76838f; display: block; font-weight: 400; padding-left: 30px; font-size: 14px; }
.bbs-left-nav li a i { font-size: 16px; margin-right: 10px; }
.bbs-left-nav li a:hover { color: #e00505; background: #eaf7ff; }
.bbs-left-nav li a:hover i { color: #e00505; }
.bbs-left-nav li.active a { color: #e00505; background: #eaf7ff; }
.bbs-left-nav li.active a:hover i { color: #e00505; }
.bbs_search { padding: 15px 30px; }
.bbs-right { flex: 1; overflow: hidden; border-left: 1px solid #e4eaec; padding: 30px; min-height: 360px; }
.bbs-right-title { color: #526069; font-weight: 500; font-size: 18px; position: relative; }
.bbs-right-title a { position: absolute; right: 0; top: 0; font-size: 14px; background: #e00505; color: #fff; border-radius: 20px; display: block; padding: 10px 30px; }
.bbs-right-title a:hover { background: #f60; }
.bbs-right .tabs-nav a { padding: 10px 20px; }
.bbs-topic { margin: 0; }
.bbs-topic-item { display: flex; justify-content: space-between; padding: 20px 20px 20px 30px; border-bottom: 1px solid #f3f3f3; }
.bbs-topic-item .face { width: 40px; height: 40px; }
.bbs-topic-item .face img { width: 100%; height: 100%; border-radius: 100%; }
.bbs-topic-item .body { flex: 1; overflow: hidden; padding: 0 20px; }
.bbs-topic-item .body em { background: #f30; color: #fff; display: inline-block; padding: 4px 8px; margin: 0 5px; font-size: 12px; border-radius: 4px; border: 0; }
.bbs-topic-item .body a { color: #666; }
.bbs-topic-item .body a:hover { color: #333; }
.bbs-topic-item .body .desc { color: #a3afb7; }
.bbs-topic-item .other { width: 120px; padding-left: 20px; font-size: 12px; color: #666; }
.bbs-topic-item .other i { color: #999; margin-right: 5px; }
.bbs-topic-item:hover { background: #f5fbff; }
.bbs-post { margin-top: 30px; }
.bbs-post .col-2 { text-align: right; color: #999; }
.bbs-post .col-10 { max-width: 760px; }
.bbs-show { margin-top: 0px; }
.bbs-show .tip { font-size: 14px; color: #76838f; background: #ecf4ff; display: inline-block; padding: 15px 20px; border-left: 3px solid #3e8ef7; border-radius: 2px; }
.bbs-show .tip a { color: #06f; margin: 0 10px; }
.bbs-show .tip a:hover { color: #f30; }
.tabs-nav li.active a { color: #e00505; }
.tabs-nav li.active { border-bottom: .1rem solid #e00505;
}
.tabs-nav li a:hover { color: #e00505; }
.bread ul li { display: inline-block; font-size: 12px; color: #999; }

.ui-sidebar {
    bottom: 40%;
}

/*fixed s*/

.fixed_f { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); overflow-y: auto; display: none; }
.fixed_box { width: 258px; height: 258px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -129px; margin-top: -129px; text-align: center; padding: 10px 0 0 0; }
.fixed_btn { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; line-height: 50px; text-align: center; font-size: 36px; margin-left: -25px; margin-top: 139px; text-align: center; color: #FFF; }

/*fixed e*/
.zjlby_join { color: #0c7fc3; font-size: 16px; background: url(zjlby_i1.png) no-repeat 0px 0px; padding-left: 31px; }
.zjlby_hot { color: rgba(253, 54, 1, 1); font-size: 16px; padding-left: 25px; background: url(zjlby_i2.png) no-repeat center left; margin-left: 63px; }
.zjlby_hot{ margin:10px 0;border-top:#EEE 1px solid; border-bottom:#EEE 1px solid; padding:10px 0 10px 25px;}

.jiage{width:100%;height: 40px;background: #fcf1e4;padding-left: 20px;color: #999;margin: 20px 0;line-height: 40px;font-size: 16px;box-sizing: border-box;position: static;}
.jiage strong{font-size: 22px;color: #e85308;font-weight: bold;margin-right: 10px;}
.jieshao {  line-height:25px; font-size:14px; color:#999;}